<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=5.0" charset="UTF-8">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		
		<link type="text/css" rel="stylesheet" href="../css/model/bootstrap.css"  />
		<link type="text/css" rel="stylesheet" href="../css/layui.css" />
		<link type="text/css" rel="stylesheet" href="../css/top_main.css" />
		<link type="text/css" rel="stylesheet" href="../css/qiandao.css" />
	
		<script type="text/javascript" src='../js/model/jquery-2.1.4.min.js'></script>
		<script type="text/javascript" src="../js/model/bootstrap.js"></script>
		<script type="text/javascript" src="../js/model/reset_font.js"></script>
		<script type="text/javascript" src="../js/layer/layer.js"></script>
		<script type="text/javascript" src="../js/qiandao.js"></script>
		<title>优当借书</title>
		<script>
			window.onload=function(){
				$("body").css("opacity",1);
			}
		</script>
	</head>
	<body style="opacity: 0;">
		<!--top begin-->
		<!--<div class="top">
			<a href="#" class="goback">
				<img src="../images/icons/goback1.png"  />
			</a>
			<span>我要签到</span>
		</div>-->
		<!--top the end-->
		<!--main begin-->
		<div class="main">
			<div class="top" style="background: none;">
				<a href="zjf.html" class="goback">
					<img src="../images/icons/goback1.png"  />
				</a>
				<span>我要签到</span>
			</div>
			<div class="main_top">
				<div class="qd_btn" >
					<div class="qd"></div>
					<div class="dqjf">-当前积分-</div>
					<div class="fen">1000</div>
				</div>
				<div class="bar">
					已签到<span class="count"></span>次，累计获得<span class="total"></span>积分
				</div>
			</div>
			<div class="line"></div>
			<div class="main_bot">
				<div class="main_bot_title">签到说明</div>
				<ul>
					<li>
						<img src="../images/qiandao/pin1.png"  class="pin_pic"/>
						<div class="pin_con">限签一次</div>
						<div class="pin_bot">
							<div>每人每天仅能</div>
							<div>签到1次</div>
						</div>
					</li>
					<li>
						<img src="../images/qiandao/pin2.png"  class="pin_pic"/>
						<div class="pin_con">1次2积分</div>
						<div class="pin_bot">
							<div>1次签到将获得</div>
							<div>2个积分</div>
							
						</div>
					</li>
					<li>
						<img src="../images/qiandao/pin3.png"  class="pin_pic"/>
						<div class="pin_con">更多权益</div>
						<div class="pin_bot">
							<div>更多权益开发中</div>
							<div>敬请期待</div>
							
						</div>
					</li>
				</ul>
			</div>
		</div>
		<!--main the end-->
	</body>
	
</html>
